<template>
  <div class="container">
    <build-el-h1 name="大赛进度标题.png"></build-el-h1>
    <div class="flex-row jindu j-c" v-margin-top="'5px'">
      <div class="fwb info" v-html="details.contestSchedule"></div>
    </div>
  </div>
</template>
<script>
import buildElH1 from "../build-el-h1";
import buildElHexagon from "../build-el-hexagon";
import JSONData from "@/assets/JSON";
export default {
  components: {
    buildElH1,
    buildElHexagon,
  },
  data() {
    return {
      ...JSONData,
      details: {},
    };
  },
  async mounted() {
    let res = await this.api.findDownloadFile({ customizeId: 1 });
    this.details = res;
    console.log(this.details);
  },
};
</script>
<style lang="less" scoped>
.container {
  .info {
    width: 100%;
    opacity: 0.9;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 30px;
  }
  .line-row {
    width: 20px;
    margin: 0 10px;
    background: #f03a0a;
  }
}
.jindu {
  flex-wrap: wrap;
}
</style>